<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page import="java.util.*"%>
<%@ page import="com.sinodata.bsm.common.vo.*"%>
<%@ include file="../include/taglib.jsp"%>
<%
    response.setHeader("Cache-Control", "no-store");
    response.setHeader("Pragrma", "no-cache");
    response.setDateHeader("Expires", 0);
    List<Attribute> attributes = (List<Attribute>) request.getAttribute("attributes");
    Map<Long, String> map = (Map<Long, String>) request.getAttribute("attVals");
    ResView lastView = (ResView) session.getAttribute("lastView");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>综合性能页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<%@ include file="../include/common.jsp"%>
<%@ include file="../include/form.jsp"%>
<%@ include file="../include/table.jsp"%>
<%@ include file="../include/tree.jsp"%>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/style/default/bsm/sub_menu.css" />

<style type="text/css">
.top {
	float: right;
	z-index: 100;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 15px;
	width: 100%;
	height: 15px;
}

.top ul {
	text-decoration: none;
	border-style: none;
	padding: 0;
	margin: 0;
}

.top ul li {
	float: right;
	position: relative;
	list-style: none;
}

.top ul li a,.top ul li a:visited .mainmenu ul li a:hover .top ul li a:link .top ul li a:active
	{
	outline: none;
	star: expression(this.onFocus =                 this.blur () );
}
</style>


<script type="text/javascript">
	$(document).ready(function() {
		//$(".message_list .message_body:gt(0)").hide();
		$(".message_list li:gt(4)").hide();
		$(".message_head").click(function() {
			$(this).next(".message_body").slideToggle(500)
			return false;
		});
		$(".collpase_all_message").click(function() {
			$(".message_body").slideUp(500)
			return false;
		});
		$(".show_all_message").click(function() {
			$(this).hide()
			$(".show_recent_only").show()
			$(".message_list li:gt(4)").slideDown()
			return false;
		});
		$(".show_recent_only").click(function() {
			$(this).hide()
			$(".show_all_message").show()
			$(".message_list li:gt(4)").slideUp()
			return false;
		});
	});
</script>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 10px auto;
	width: 100%;
	font: 75%/120% Arial, Helvetica, sans-serif;
}

p {
	padding: 0 0 1em;
}
/* message display page */
.message_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.message_list li {
	padding: 0;
	margin: 0;
	background: url(/bsm/style/default/bsm/images/title-h2.png) repeat-x;
}

.message_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
}

.message_head .timestamp {
	color: #666666;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}

.message_head cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}

.message_body {
	padding: 5px 10px 15px;
}

.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 100%;
}

.collapse_buttons a {
	margin-left: 15px;
	float: right;
}

.show_all_message {
	background: url(images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}

.show_recent_only {
	display: none;
	background: url(images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
</style>

</head>
<body>
	<div class="top" id="top">
		<ul>
			<li><a id="perf3" href="real-time!combine.action"><img
					src="/bsm/style/default/form/images/onError.gif" alt="文字"
					tooltip="综合展现" /> </a></li>

			<li><a id="perf2" href="real-time!perfchart.action"><img
					src="/bsm/style/default/form/images/onFocus.gif" alt="文字"
					tooltip="图表" /> </a></li>

			<li><a id="perf1" href="real-time!common.action"> <img
					src="/bsm/style/default/form/images/onShow.gif" alt="文字"
					tooltip="列表" /> </a></li>
		</ul>
	</div>

	<ol class="message_list">
		<li>
			<p class="message_head">
				<cite>基本信息</cite>
			</p>
			<div class="message_body">
				<p>
					Hello Nick,<br /> <br /> This is the latest message display. The
					rest are collapsed by default
				</p>
			</div>
		</li>
		<li>
			<p class="message_head">
				<cite>CPU性能</cite>
			</p>
			<div class="message_body">
				<p>message here</p>
			</div>
		</li>
		<li>
			<p class="message_head">
				<cite>内存性能</cite>
			</p>
			<div class="message_body">
				<p>message here</p>
			</div>
		</li>
		<li>
			<p class="message_head">
				<cite>磁盘性能</cite>
			</p>
			<div class="message_body">
				<p>message here</p>
			</div>
		</li>
		<li>
			<p class="message_head">
				<cite>someone:</cite> <span class="timestamp">3 days ago</span>
			</p>
			<div class="message_body">
				<p>message here</p>
			</div>
		</li>
		<li>
			<p class="message_head">
				<cite>nick:</cite> <span class="timestamp">5 days ago</span>
			</p>
			<div class="message_body">
				<p>message here</p>
			</div>
		</li>
		<li>
			<p class="message_head">
				<cite>someone:</cite> <span class="timestamp">6 days ago</span>
			</p>
			<div class="message_body">
				<p>message here</p>
			</div>
		</li>
		<li>
			<p class="message_head">
				<cite>nick:</cite> <span class="timestamp">7 days ago</span>
			</p>
			<div class="message_body">
				<p>message here</p>
			</div>
		</li>
		<li>
			<p class="message_head">
				<cite>someone:</cite> <span class="timestamp">8 days ago</span>
			</p>
			<div class="message_body">
				<p>message here</p>
			</div>
		</li>
	</ol>

	<p class="collapse_buttons">
		<a style="display: inline;" href="#" class="show_recent_only">hide all</a> 
		<a href="#" class="collpase_all_message">Collapse all</a>
	</p>


</body>
</html>